<!--测试主页-->
<template>
  <el-container>
    <el-main>
      <div class="body">
        <div class="main">
          <el-container>
            <el-aside class="left">
              <!--              测试项目在这里-->
              <div class="list"><a href="test_register">用户注册</a></div>
              <div class="list"><a href="selectuserlist">用户列表</a></div>
            </el-aside>
            <el-main class="right">
              <router-view/>
            </el-main>
          </el-container>
        </div>
      </div>
    </el-main>
  </el-container>
</template>

<script>
export default {
  name: "test"
}
</script>

<style scoped>
.body {
  background-color: #fff;
  border-radius: 10px;
  width: 1000px;
  height: 550px;
  margin: 200px auto;
}

.main {
  padding: 20px;
}

.left {
  width: 15%;
  height: 510px;
  border-right: solid 1px #c2c2c2;
}

.list {
  padding: 20px 0px;
  text-decoration: none;
  color: #2c3e50;
  font-size: 18px;
}

.list a {
  text-decoration: none;
}

.list :hover {
  padding: 20px 0px;
  text-decoration: none;
  color: #f00;
  font-size: 18px;
}

.list a :hover {
  text-decoration: none;
}

.right {
  width: 85%;
  height: 100%;
}
</style>